<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<title>中雍后台</title>

		<link href="css/bootstrap.min.css" rel="stylesheet">
		<link href="css/datepicker3.css" rel="stylesheet">
		<link href="css/styles.css" rel="stylesheet">

		<!--[if lt IE 9]>
<script src="js/html5shiv.js"></script>
<script src="js/respond.min.js"></script>
<![endif]-->

	</head>

	<body>
		<nav class="navbar navbar-inverse navbar-fixed-top" role="navigation">
			<div class="container-fluid">
				<div class="navbar-header">
					<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#sidebar-collapse">
					<span class="sr-only">Toggle navigation</span>
					<span class="icon-bar"></span>
					<span class="icon-bar"></span>
					<span class="icon-bar"></span>
				</button>
					<a class="navbar-brand" href="#"><span>中雍</span>装饰</a>
					<ul class="user-menu">
						<li class="dropdown pull-right">
							<a href="#" class="dropdown-toggle" data-toggle="dropdown"><span class="glyphicon glyphicon-user"></span> User <span class="caret"></span></a>
							<ul class="dropdown-menu" role="menu">
								<li>
									<a href="#"><span class="glyphicon glyphicon-user"></span> Profile</a>
								</li>
								<li>
									<a href="#"><span class="glyphicon glyphicon-cog"></span> Settings</a>
								</li>
								<li>
									<a href="#"><span class="glyphicon glyphicon-log-out"></span> Logout</a>
								</li>
							</ul>
						</li>
					</ul>
				</div>
			</div>
			<!-- /.container-fluid -->
		</nav>

		<div id="sidebar-collapse" class="col-sm-3 col-lg-2 sidebar">
			<form role="search">
				<div class="form-group">
					<input type="text" class="form-control" placeholder="Search">
				</div>
			</form>
			<ul class="nav menu">
				<li>
					<a href="bannerSet.html"><span class="glyphicon glyphicon-picture"></span> banner设置</a>
				</li>
				<li class="active">
					<a href="peopleManage.html"><span class="glyphicon glyphicon-user"></span> 人员管理</a>
				</li>
				<li>
					<a href="caseManage.html"><span class="glyphicon glyphicon-th"></span> 优秀案例管理</a>
				</li>
				<li>
					<a href="projectManage.html"><span class="glyphicon glyphicon-list"></span> 项目管理</a>
				</li>
				<li>
					<a href="newsManage.html"><span class="glyphicon glyphicon-camera"></span> 新闻管理</a>
				</li>
				<li>
					<a href="leaveWordManage.html"><span class="glyphicon glyphicon-pencil"></span> 留言管理</a>
				</li>
				<li>
					<a href="discountsManage.html"><span class="glyphicon glyphicon-usd"></span> 优惠管理</a>
				</li>
				<li>
					<a href="specialManage.html"><span class="glyphicon glyphicon-thumbs-up"></span> 专题管理</a>
				</li>
			</ul>
		</div>
		<!--/.sidebar-->

		<div class="col-sm-9 col-sm-offset-3 col-lg-10 col-lg-offset-2 main">
			<div class="row">
				<ol class="breadcrumb">
					<li>
						<a href="#"><span class="glyphicon glyphicon-home"></span></a>
					</li>
					<li class="active">banner设置</li>
				</ol>
			</div>
			<!--/.row-->
			<!--人员开始-->
			<div class="row">
				<div class="col-lg-12">
					<div class="panel panel-default">
						<div class="panel-heading">人员设置</div>
						<div class="panel-body">
							<div class="bootstrap-table">
								<div class="fixed-table-toolbar">
									<div class="columns btn-group pull-right"><button class="btn btn-default" type="button" name="refresh" title="刷新"><i class="glyphicon glyphicon-refresh icon-refresh"></i></button><button class="btn btn-default" type="button" name="toggle" title="切换"><i class="glyphicon glyphicon glyphicon-list-alt icon-list-alt"></i></button>
										<div class="keep-open btn-group" title="查找栏"><button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown"><i class="glyphicon glyphicon-th icon-th"></i> <span class="caret"></span></button>
											<ul class="dropdown-menu" role="menu">
												<li><label><input data-field="id" value="1" checked="checked" type="checkbox">姓名</label></li>
												<li><label><input data-field="name" value="2" checked="checked" type="checkbox">英文名</label></li>
												<li><label><input data-field="price" value="3" checked="checked" type="checkbox">个人资料</label></li>
											</ul>
										</div>
									</div>
									<div class="pull-right search"><input class="form-control" placeholder="搜索" type="text"></div>
								</div>
								<div class="fixed-table-container" style="padding-bottom: 0px;">
									<div class="fixed-table-header" style="display: block;">
										<table></table>
									</div>
									<div class="fixed-table-body">
										<div class="fixed-table-loading" style="top: 37px; display: none;">Loading, please wait…</div>
										<table data-toggle="table" data-url="tables/data1.json" data-show-refresh="true" data-show-toggle="true" data-show-columns="true" data-search="true" data-select-item-name="toolbar1" data-pagination="true" data-sort-name="name" data-sort-order="desc" class="table table-hover" style="margin-top: 0px;">
											<thead style="display: table-header-group;">
												<tr>
													<th class="bs-checkbox " style="width: 36px; ">
														<div class="fht-cell"></div>
													</th>
													<th style="">
														<div class="th-inner sortable">姓名</div>
														<div class="fht-cell"></div>
													</th>
													<th style="">
														<div class="th-inner sortable">英文名
														</div>
														<div class="fht-cell"></div>
													</th>
													<th style="">
														<div class="th-inner sortable">个人资料</div>
														<div class="fht-cell"></div>
													</th>
												</tr>
											</thead>
											<tbody>
												<tr data-index="0">
													<td class="bs-checkbox"><input data-index="0" name="toolbar1" type="checkbox"></td>
													<td style="">张浩然</td>
													<td style="">zhang hao ran</td>
													<td style="">.....</td>
												</tr>
												<tr data-index="0">
													<td class="bs-checkbox"><input data-index="0" name="toolbar1" type="checkbox"></td>
													<td style="">张浩然</td>
													<td style="">zhang hao ran</td>
													<td style="">.....</td>
												</tr>
												<tr data-index="0">
													<td class="bs-checkbox"><input data-index="0" name="toolbar1" type="checkbox"></td>
													<td style="">张浩然</td>
													<td style="">zhang hao ran</td>
													<td style="">.....</td>
												</tr>
												<tr data-index="0">
													<td class="bs-checkbox"><input data-index="0" name="toolbar1" type="checkbox"></td>
													<td style="">张浩然</td>
													<td style="">zhang hao ran</td>
													<td style="">.....</td>
												</tr>
												<tr data-index="0">
													<td class="bs-checkbox"><input data-index="0" name="toolbar1" type="checkbox"></td>
													<td style="">张浩然</td>
													<td style="">zhang hao ran</td>
													<td style="">.....</td>
												</tr>
												<tr data-index="0">
													<td class="bs-checkbox"><input data-index="0" name="toolbar1" type="checkbox"></td>
													<td style="">张浩然</td>
													<td style="">zhang hao ran</td>
													<td style="">.....</td>
												</tr>
											</tbody>
										</table>
									</div>
									<div class="fixed-table-pagination">
										<div class="pull-left pagination-detail">
											<label><input type="checkbox">全选</label>
											<button>删除</button>
											<button>添加</button>
											<span class="pagination-info">显示21行1到10行的
</span><span class="page-list"><span class="btn-group dropup"><button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown"><span class="page-size">10</span> <span class="caret"></span></button>
											<ul class="dropdown-menu" role="menu">
												<li class="active">
													<a href="javascript:void(0)">10</a>
												</li>
												<li>
													<a href="javascript:void(0)">25</a>
												</li>
												<li>
													<a href="javascript:void(0)">50</a>
												</li>
												<li>
													<a href="javascript:void(0)">100</a>
												</li>
											</ul>
											</span>每页记录</span>
										</div>
										<div class="pull-right pagination">
											<ul class="pagination">
												<li class="page-first disabled">
													<a href="javascript:void(0)">&lt;&lt;</a>
												</li>
												<li class="page-pre disabled">
													<a href="javascript:void(0)">&lt;</a>
												</li>
												<li class="page-number active disabled">
													<a href="javascript:void(0)">1</a>
												</li>
												<li class="page-number">
													<a href="javascript:void(0)">2</a>
												</li>
												<li class="page-number">
													<a href="javascript:void(0)">3</a>
												</li>
												<li class="page-next">
													<a href="javascript:void(0)">&gt;</a>
												</li>
												<li class="page-last">
													<a href="javascript:void(0)">&gt;&gt;</a>
												</li>
											</ul>
										</div>
									</div>
								</div>
							</div>
							<div class="clearfix"></div>
						</div>
					</div>
				</div>
			</div>
			<div class="row">
			<div class="col-lg-12">
				<div class="panel panel-default">
                    <div class="panel-heading">人员图片设置</div>
                    <ul style="height:200px; list-style:none;">
                        <li><img style="height:200px;float:left;"  src="img/desigener.png"></li>
                        <li><img style="height:200px;float:left;"  src="img/desigener_1.png"></li>
                        <li><img style="height:200px;float:left;"  src="img/desigener_3.png"></li>
                        <li><img style="height:200px;float:left;"  src="img/desigener_2.png"></li>
                        <button>删除</button>
                    </ul>
					<div class="panel-body">
						<div class="col-md-6">
							<form role="form">				
								<div class="form-group">
									<label>上传banner</label>
									<input type="file">
									 <p class="help-block">请上传banner图片，图片小于2M</p>
								</div>
							</form>
						</div>
					</div>
				</div>
			</div><!-- /.col-->
		</div>
			<!--人员结束-->

		</div>
		<!--/.main-->

		<script src="js/jquery-1.11.1.min.js"></script>
		<script src="js/bootstrap.min.js"></script>
		<script src="js/chart.min.js"></script>
		<script src="js/chart-data.js"></script>
		<script src="js/easypiechart.js"></script>
		<script src="js/easypiechart-data.js"></script>
		<script src="js/bootstrap-datepicker.js"></script>
		<script>
			$('#calendar').datepicker({});

			! function($) {
				$(document).on("click", "ul.nav li.parent > a > span.icon", function() {
					$(this).find('em:first').toggleClass("glyphicon-minus");
				});
				$(".sidebar span.icon").find('em:first').addClass("glyphicon-plus");
			}(window.jQuery);

			$(window).on('resize', function() {
				if($(window).width() > 768) $('#sidebar-collapse').collapse('show')
			})
			$(window).on('resize', function() {
				if($(window).width() <= 767) $('#sidebar-collapse').collapse('hide')
			})
		</script>
	</body>

</html>